.loading-box {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.loading-box .dot {
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 12px;
	margin: 0 4px;
	border-radius: 50%;
}
.loading-box .dot:nth-of-type(1) {
	-webkit-animation: dot-jump 0.5s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
	animation: dot-jump 0.5s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
	background-color: #F56C6C;
}
.loading-box .dot:nth-of-type(2) {
	-webkit-animation: dot-jump 0.5s 0.2s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
	animation: dot-jump 0.5s 0.2s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
	background-color: #F8CE63;
}
.loading-box .dot:nth-of-type(3) {
	-webkit-animation: dot-jump 0.5s 0.4s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
	animation: dot-jump 0.5s 0.4s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
	background-color: #A0CC89;
}
@-webkit-keyframes dot-jump {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

@keyframes dot-jump {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}
